<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" th:content="${article.keywords}">
	<meta name="description" th:content="${article.description}">
	<title th:text="${article.title} + ' - ' + ${SITE_CONFIG.SITE_NAME}"></title>
	<link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/bootstrap/bootstrap.min.css|}"/>
	<link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/font-icon/icon.css|}"/>
	<link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/css/web-common.css|}" />
	<link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/css/web-blog.css|}" />
</head>
<body>
<header id="header">
	<div th:replace="@{|${WEB_THEME}/module/navbar.html|}"></div>
</header>
<div class="tz-container tz-content">
	<div class="tz-main">
		<div class="article-main">
			<h1 th:text="${article.title}" class="article-title"></h1>
			<span th:text="${article.original==1 ? '原创' : '转载'}" class="article-original"></span>
			<div class="article-meta"> <span style="font-weight: bold" th:text="${article.author}"></span>&nbsp;|&nbsp;<span th:text="${#dates.format(article.createTime,'yyyy-MM-dd HH:mm')}"></span>&nbsp;|&nbsp;浏览(<span th:text="${article.lookCount}? ${article.lookCount} : 0"></span>)&nbsp;|&nbsp;评论(<span th:text="${article.commentCount}? ${article.commentCount} : 0"></span>)</div>
			<hr class="hr0" />
			<div th:utext="${article.content}" class="article-body markdown-body editor-preview-active-side">
			</div>
			<div class="thumbs-content">
				<span class="thumbs-button fa fa-thumbs-up"> 点赞 <span id="loveCount" th:text="${article.loveCount}"></span></span>
	    		<span class="reward-button fa fa-money"> 分享
						<p class="reward-content">
							<span class="reward-img"><img th:src="@{|/${WEB_THEME}/source/img/weixin.png|}"><br>微信赞赏</span>
					<!--	<span class="reward-bottom"></span>
						<span class="reward-bottom-top"></span>-->
				</span>
			</div>

		</div>
		<!-- 发表评论-->
		<div th:if="${article.comment==1}"  th:include="@{|${WEB_THEME}/module/comment.html|}"></div>
	</div>
	<div th:replace="@{|${WEB_THEME}/module/sidebar.html|}"></div>
</div>
<div th:replace="@{|${WEB_THEME}/module/footer.html|}"></div>
<div class="return_top"><a class=" fa fa-arrow-up"></a></div>

<script th:src="@{|/${WEB_THEME}/source/libs/jquery/jquery.min.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/js/tagcloud.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/js/tz-blog.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/libs/hc-sticky/hc-sticky.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/js/core.js|}"></script>

<script>
	var sid=[[${article.id}]];
	Core.postAjax("/blog/api/article/look",{"articleId":sid})
	$(function () {
		$(".thumbs-button").click(function () {
			Core.postAjax("/blog/api/love",{"bizId":sid,"bizType":1},function (data) {
				if(data.status==200){
					$("#loveCount").text(parseInt($("#loveCount").text())+1);
				}
			});
		})
	})
</script>
</body>

</html>